Ext.define('EM.view.Viewport', {
    extend:'Ext.Viewport',

    requires:[
        'EM.view.Header',
        'EM.view.Body',
        'EM.view.Footer'
    ],

    layout:{
        type:'border'
    },

    initComponent:function () {
        Ext.QuickTips.init();

        var me = this;

        Ext.applyIf(me, {
            items:[
//                Ext.create('EM.view.Header', {height:25, id:'header-panel', region:'north'}),
                Ext.create('EM.view.Body', {region:'center', id:'body-panel'})
//                Ext.create('EM.view.Footer', {height:20, id:'footer-panel', region:'south'})
            ]
        });

        me.callParent(arguments);
    }
});